<template>
	<view class="header-music-nav">
	<view class="header-music-icon">
		<text @tap="handleToBack" class="iconfont icon-fanhuijiantou"></text>|
		<text @tap="handleToHome" class="iconfont icon-zhuye"></text>|
		<text @tap="handleTostart" class="iconfont icon-yinlebofangqi"></text>|
		<text class="iconfont icon-zhuanfa"></text>|
		<text @tap="handleTosearch" class="iconfont icon-sousuo"></text>
		
	</view>
<!-- 	<view class=headimgbg>
	<image class="headimg" src="../../static/iconfont/jiantou_left.png" mode=""  @tap="handleToBack"></image>
	<image class="headimg" src="../../static/iconfont/zhuye.png" mode="" @tap="handleToHome"></image>
	<image class="headimg" src="../../static/iconfont/yinlebofangqi.png" mode=""  @tap="handleTostart"></image>
	<image class="headimg" src="../../static/iconfont/zhuanfa.png" mode=""></image>
	<image class="headimg" src="../../static/iconfont/sousuo.png" mode=""></image>
	</view> -->
	</view>
</template>
<script>
export default {
  methods: {
    handleToBack() {
      uni.navigateBack();
    },
    handleToHome() {
      uni.navigateTo({
        url: '/pages/index/index'
      });
    },
    handleTostart() {
      uni.navigateTo({
        url: '/pages/player/player'
      });
    },
	handleTosearch() {
	   uni.navigateTo({
		url: '/pages/search/search' 
	   });
	}
},
}
</script>
<style>
.header-music-nav {
  display: flex;
   flex-direction: row;
  align-items: center;
  padding: 5px 0;
  background-color: red;
  
}

.header-music-icon {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 10px 0;
  background-color: red;
  border-radius: 20px;
   
}

.header-music-icon .iconfont {
  font-size: 20px;
  padding: 0 10px;
 cursor: pointer;
}

















/* .header-images {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.headimgbg{
	background-color: darkgray;
	 border-radius: 20px; 
}
.headimg {
  width: 20px;
  height: 20px;
  margin: 5px;
  cursor: pointer;
} */
</style>